<room-type1
        mks-draggable
        init-pos-x="200"
        init-pos-y="20"
        change-hovered-seat="changeHoveredSeat(seat)"
        select-seat="selectSeat(seat)"
        unselect-seat="unselectSeat(seat)"
        style="width: 800px;height: 500px "
>
    <seat-block-type1 x="140px" y="20px" >
        <seat-row-type1>
            <seat-type1 direction="top" seat-model="seats[35]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[36]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[37]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[38]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[39]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[40]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[41]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="bottom" seat-model="seats[28]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[29]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[30]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[31]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[32]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[33]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[34]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>

    <seat-block-type1 x="140px" y="180px">
        <seat-row-type1>
            <seat-type1 direction="top" seat-model="seats[21]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[22]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[23]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[24]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[25]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[26]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[27]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="bottom" seat-model="seats[14]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[15]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[16]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[17]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[18]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[19]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[20]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>

    <seat-block-type1 x="140px" y="340px">
        <seat-row-type1>
            <seat-type1 direction="top" seat-model="seats[7]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[8]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[9]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[10]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[11]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[12]"></seat-type1>
            <seat-type1 direction="top" seat-model="seats[13]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="bottom" seat-model="seats[0]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[1]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[2]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[3]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[4]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[5]"></seat-type1>
            <seat-type1 direction="bottom" seat-model="seats[6]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
</room-type1>